@media (max-width: 1100px) {
    .company-year{
        right: 100px !important;
    }
}
@media (max-width : 1024px) {
    .banner-content h1{
        font-size: 40px;
        line-height: 45px;
    }
    .contact-us-heading{
        font-size: 40px;
    }
}
@media (max-width: 768px) {
    .banner-content h1{
        font-size: 35px;
        line-height: 40px;
    }
    .banner-container,.about-us-container,.cta-container,.our-service-container,.contact-us-container,.footer-container,.counter-container{
        padding: 100px 16px ;
    }
    .year-number{
        width: 200px;
        bottom: 180px;
        left: 20px;
    }
    .year-number p{
        font-size: 30px;
    }
    .year-number span{
        font-size: 15px;
    }
    .about-us-image{
        width: 100%;
    }
    .about-us-image img{
        width: 100%;
        object-fit: cover;
    }
    .cta-content h1{
        font-size: 35px;
    }
    .company-items li {
        width: 100px;
    }
}
@media (max-width: 767px) {
    .banner-image{
        width: 100%;
    }
    .banner-image img{
        width: 100%;
    }
    .year-number{
        width: 240px;
        bottom: 180px;
        left: 200px;
    }
    .border-line{
        border-right: none;
    }
    .counter-col{
        padding: 0px;
    }
    .about-us-content{
        padding-top: 20px;
    }
    .company-items li img{
        width: 65px !important;
    }
    .company-items{
        justify-content: left !important;
    }
    .about-us-content h6{
        font-size: 12px;
    }
    .about-us-content h1{
        font-size: 24px;
    }
    .about-us-content p{
        font-size: 15px;
        margin-top: 15px !important;
    }
    .responsive-card{
        margin-top: 20px;
    }
    .contact-us-heading{
        font-size: 24px;
    }
}
@media (max-width: 748px) {
    .top-nav{
        display: none !important; 
    }
    .nav-btn{
        margin: 0;
        background-color: white !important;
        padding: 10px 0 !important;
        color: var(--text) !important;
    }
    .ceo-container{
        padding: 30px 16px;
    }
    .ceo-img{
        width: 100%;
    }
    .ceo-img img{
        width: 100%;
    }
}
@media (max-width:668px) {
    .year-number{
        left: 145px;
        bottom: 150px;
    }
    .company-items li img{
        width: 45px !important;
    }
    .counter-container,.company-container,.company-vision-container,.intro-container {
        padding: 30px 16px;
    }
    .service-page-container{
        padding: 100px 16px;
    }
    .cta-content p{
        width: 100%;
        font-size: 14px;
    }
    .cta-content h1{
        font-size: 30px;
    }
}
@media (max-width: 558px) {
    .year-number{
        left: 80px;
        bottom: 120px;
    }
    .about-banner-heading{
        font-size: 35px !important; 
    }
    .company-content h1{
        font-size: 24px !important;
    }
    .vission-nav button{
        font-size: 14px !important;
        padding: 8px 15px;
    }
}
@media (max-width:  448px) {
    .year-number{
        width: 200px;
        left: 50px;
        bottom: 80px;
    }
    .year-number p{
        font-size: 25px;
    }
   
    
}
@media (max-width: 368px) {
    .year-number{
        width: 150px;
        left: 50px;
        bottom: 60px;
    }
    .year-number p{
        font-size: 20px;
    }
    .year-number span{
        font-size: 12px;
    }
}